<script setup lang="ts">
    import {reactive} from 'vue'    
    let books = reactive(['java全栈','mysql入门','vue实战'])
</script>
<template>
    <div class="outer">
        <!-- 插槽的出口 -->
        <slot :book="books" x="123"></slot>
    </div>
</template>
<style>
    .outer{
        border: 1px solid red;
        width: 250px;
        height: 350px;
        margin: 20px auto;
    }
</style>